<!-- 列间隙 -->

<template>
  <div><u-grid-layout>
	<u-grid-layout-row :repeat="4" gap="none">
		<u-grid-layout-column :span="1"><u-block>none</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>none</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>none</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>none</u-block></u-grid-layout-column>
	</u-grid-layout-row>
</u-grid-layout>
<br>
<u-grid-layout>
	<u-grid-layout-row :repeat="4" gap="mini">
		<u-grid-layout-column :span="1"><u-block>mini</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>mini</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>mini</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>mini</u-block></u-grid-layout-column>
	</u-grid-layout-row>
</u-grid-layout>
<br>
<u-grid-layout>
	<u-grid-layout-row :repeat="4" gap="small">
		<u-grid-layout-column :span="1"><u-block>small</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>small</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>small</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>small</u-block></u-grid-layout-column>
	</u-grid-layout-row>
</u-grid-layout>
<br>
<u-grid-layout>
	<u-grid-layout-row :repeat="4" gap="normal">
		<u-grid-layout-column :span="1"><u-block>normal</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>normal</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>normal</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>normal</u-block></u-grid-layout-column>
	</u-grid-layout-row>
</u-grid-layout>
<br>
<u-grid-layout>
	<u-grid-layout-row :repeat="4" gap="large">
		<u-grid-layout-column :span="1"><u-block>large</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>large</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>large</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>large</u-block></u-grid-layout-column>
	</u-grid-layout-row>
</u-grid-layout>
<br>
<u-grid-layout>
	<u-grid-layout-row :repeat="4" gap="huge">
		<u-grid-layout-column :span="1"><u-block>huge</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>huge</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>huge</u-block></u-grid-layout-column>
		<u-grid-layout-column :span="1"><u-block>huge</u-block></u-grid-layout-column>
	</u-grid-layout-row>
</u-grid-layout></div>
</template>